<template>
    <div class="phot-active-device-main__content quantum_well_device">
        <div class="left">
            <StructureDirectory ref="StructureDirectoryRef" />
        </div>
        <div class="center">
            <div class="preview-content">
                <div class="preview-list">
                    <ViewContent ref="ViewContentRef"></ViewContent>
                </div>
            </div>
            <MessageLog ref="MessageLogRef" />
        </div>
        <div class="right">
            <StructureDesign ref="StructureDesignRef" />
        </div>
    </div>
</template>

<script lang="ts" setup>
import MessageLog from '../../explorers/message/MessageLog.vue'
import StructureDirectory from '../structure_manager/StructureDirectory.vue'
import ViewContent from '../center/ViewContent.vue'
import StructureDesign from '../structure_manager/StructureDesign.vue'
</script>